<!doctype html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport"
        content="width=device-width, initial-scale=1">
        <title> 首页 </title>

        <!-- Set render engine for 360 browser -->
        <meta name="renderer" content="webkit">

        <!-- No Baidu Siteapp-->
        <meta http-equiv="Cache-Control" content="no-siteapp"/>

        <link rel="icon" type="image/png" href="{{assets}}i/favicon.png">

        <!-- Add to homescreen for Chrome on Android -->
        <meta name="mobile-web-app-capable" content="yes">
        <link rel="icon" sizes="192x192" href="{{assets}}i/app-icon72x72@2x.png">

        <!-- Add to homescreen for Safari on iOS -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
        <link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">

        <!-- Tile icon for Win8 (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
        <meta name="msapplication-TileColor" content="#0e90d2">

        <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
        <!--
        <link rel="canonical" href="http://www.example.com/">
        -->

        <link rel="stylesheet" href="css/amazeui.min.css">
        <link rel="stylesheet" href="css/app.css">
        <link rel="stylesheet" href="css/quiz_custom.css">
    </head>
    <body id="home">
        <header data-am-widget="header"
        class="am-header am-header-default">
            <h1 class="am-header-title"><img src="i/titile.png" /></h1>
        </header>
        <div class="am-container">
            <div class="am-g am-g-fixed">
                <div class="am-u-sm-4 quiz-icon">
                    <a href="randomExercise"> <img alt="随机练题" src="i/p1.png">
                    <p>
                                                        随机练题
                    </p> </a>
                    <div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
                        <div class="am-modal-dialog">
                            <div class="am-modal-hd">
                                                                                    正在载入...
                            </div>
                            <div class="am-modal-bd">
                                <span class="am-icon-spinner am-icon-spin"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-4 quiz-icon">
                    <a href="index.html"> <img alt="专项练题" src="i/p2.png">
                    <p>
                                                            专项练题
                    </p> </a>
                </div>
                <div class="am-u-sm-4 quiz-icon">
                    <a href="simulation"> <img alt="模拟考试" src="i/p3.png">
                    <p>
                                                             模拟考试
                    </p> </a>
                </div>
            </div>
            <div class="am-g am-g-fixed">
                <div class="am-u-sm-4 quiz-icon">
                    <a href="index.html"> <img alt="在线考试" src="i/p4.png">
                    <p>
                                                            在线考试
                    </p> </a>
                </div>
                <div class="am-u-sm-4 quiz-icon">
                    <a href="index.html"> <img alt="通知" src="i/p5.png">
                    <p>
                                                            通知
                    </p> </a>
                </div>
                <div class="am-u-sm-4 quiz-icon">
                    <a href="index.html"> <img alt="个人资料" src="i/p6.png">
                    <p>
                                                             个人资料
                    </p> </a>
                </div>
            </div>
	 <div class="am-g am-g-fixed">
        <div class="am-u-sm-4 quiz-icon" data-am-modal="{target: '#my-alert'}">
            <a href="javascript: void(0)">
                <img alt="班车时间" src="i/p7.png">
                <p> 班车时间 </p>
            </a>
            <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
                <div class="am-modal-dialog">
                    <div class="am-modal-hd"></div>
                    <div class="am-modal-bd">
                        抱歉，该功能暂未开放。
                    </div>
                    <div class="am-modal-footer">
                        <span class="am-modal-btn">确定</span>
                    </div>
                </div>
            </div>
        </div>
            <div class="am-u-sm-4 quiz-icon">
              <a href="index.html"> <img alt="成绩查询" src="i/p8.png">
                <p> 成绩查询 </p> 
              </a>
            </div>
    </div>
        </div>
        <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
        id="">
            <ul class="am-navbar-nav am-cf am-avg-sm-4">
                <li >
                    <a href="#" class=""> <span class="am-icon-home"></span> <span class="am-navbar-label">首页</span> </a>
                </li>
                <li >
                    <a href="#" class=""> <span class="am-icon-user"></span> <span class="am-navbar-label">个人中心</span> </a>
                </li>
                <li >
                    <a href="#" class=""> <span class="am-icon-location-arrow"></span> <span class="am-navbar-label">反馈</span> </a>
                </li>
                <li data-am-navbar-share> 
                    <a href="#" class=""> <span class="am-icon-share-square-o"></span><span class="am-navbar-label">分享</span></a>
        </li>
            </ul>
        </div>

        <!--[if (gte IE 9)|!(IE)]><!-->
        <script src="js/jquery.min.js"></script>
        <!--<![endif]-->
        <!--[if lte IE 8 ]>
        <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
        <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
        <![endif]-->
        <script src="js/jquery.min.js"></script>
        <script src="js/amazeui.min.js"></script>
    </body>
</html>

